<!DOCTYPE html>
<html
  lang="zh-CN"
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:th="http://www.thymeleaf.org"
  xmlns:layout="http://www.w3.org/1999/xhtml"
>
<!--html 首先加载-->
<head>
  <meta charset='UTF-8'>
  <meta
    name='viewport'
    content='width=device-width, initial-scale=1, shrink-to-fit=no'
  >
  <meta
    http-equiv='x-ua-compatible'
    content='ie=edge'
  >
  <link rel="stylesheet" href="/static/js/lib/element-ui/index.css">
  <!-- import CSS -->
  <link rel="stylesheet" href="/static/css/theme-darkBlue/theme/index.css">
  <link rel="stylesheet" href="/static/css/main.css">

</head>
<body>
<div class="wrapper">
  <div id="main">
    <div th:replace="components/header::header"></div>
    <div th:replace="components/sidebar::sidebar"></div>
    <div class="content-box" id="content-box">
      <div class="content">
        <div th:replace="components/crumbs::crumbs"></div>
<!--        引入自定义的 HTML 内容-->
        <div layout:fragment="content"></div>
        <footer th:replace="components/footer::footer"></footer>
      </div>
    </div>
  </div>
</div>

<!--javascript 最后加载-->
<div th:replace="components/common-lib-js::common-lib-js"></div>
<script src="/static/js/module/system/model/SysLogin.js"></script>
<script src="/static/js/module/system/api/sysLoginApi.js"></script>
<script src="/static/js/module/system-config/model/SysMenu.js"></script>
<script src="/static/js/module/system-config/api/sysMenuApi.js"></script>
<script src="/static/js/module/components/header.js"></script>
<script src="/static/js/module/components/sidebar.js"></script>
<script src="/static/js/module/components/crumbs.js"></script>
<script src="/static/js/module/components/footer.js"></script>
<!--引入自定义的 js 代码-->
<div layout:fragment="js"></div>
</body>
</html>